<script setup>
import HomeCategory from './components/HomeCategory.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeNew from './components/HomeNew.vue'
import HomeHot from './components/HomeHot.vue'
import homeProduct from './components/HomeProduct.vue'
import HomePannel from './components/HomePannel.vue'
import { useCategoryStore } from '@/stores/categoryStore'
import { onMounted } from 'vue'
const useCategory = useCategoryStore()
onMounted(() => useCategory.getCatory())
</script>

<template>
  <div class="container">
    <HomeCategory />
    <HomeBanner />
  </div>
  <HomeNew />
  <HomeHot />
  <homeProduct />
  <!-- 测试面板组件 -->
  <HomePannel title="新鲜好物" sub-title="我是副标题"> 插槽内容 </HomePannel>
  <HomePannel title="人气推荐" sub-title="我是副标题"></HomePannel>
</template>

<style lang="less" scoped></style>
